<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>个人中心</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit" />
		<meta name="viewport" content="width=1100,initial-scale=1,maximum-scale=1,user-scalable=yes">

		<link rel="Shortcut Icon" href="../static/favicon.ico">
		<!-- Standard iPad -->
		<link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="../static/touch-icon-ipad-144.png" />
		<!-- Retina iPad -->
		<link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="../static/touch-icon-ipad-144.png" />
		<link rel="stylesheet" href="../static/css/main.css">
		<link rel="stylesheet" href="../static/css/personalCenter.css">
		<!--[if lt IE 9]>
	<script src="../static/js/html5.js"></script>
	<![endif]-->
	</head>

	<body>
		<!--头部-->
		<header class="header">
			<div class="topbar">
				<div class="layout">
					<div class="bar_left">
						<ul>
							<li><span style="color: #fff;">畅想品质生活</span></li>
							<li style="margin-left: 40px;"><span>客服电话：400-996-4866</span></li>
							<li class="WeChat">
								<i></i>
								<div>
									<span><em></em></span>
									<img src="../static/images/WeChat.jpg">
									<p>扫一扫加微信</p>
								</div>
							</li>
							<li class="weibo">
								<a href=""><i></i></a>
								<!-- <div>
								<span><em></em></span>
								<img src="../static/images/weibo.png">
								<p>扫一扫加微博</p>
							</div> -->
							</li>
						</ul>
					</div>
					<div class="bar_right" style="display: none" ;>
						<a href="">登录</a>&nbsp;&nbsp;
						<a href="">注册</a>&nbsp;&nbsp;|&nbsp;
						<a href="">我的订单</a>&nbsp;&nbsp;|
						<a href="">下载APP</a>
					</div>
					<!-- 登陆后显示 -->
					<div class="bar_right">
						<span>欢迎您</span>
						<a href="">boss，</a>
						<a href="javascript:;">退出</a>&nbsp;&nbsp;|
						<a href="">我的订单</a>&nbsp;&nbsp;|
						<a href="">下载APP</a>

					</div>

				</div>
			</div>
			<!-- topbar-end -->
			<div class="logo">
				<div class="layout">
					<div class="logo_left">
						<!-- logo size 200px*70px -->
						<a href="" class="logoimg">
							<img src="../static/images/login_log.png" alt="">
						</a>
					</div>
					<div class="logo_right">
						<div class="search">
							<input type="text" placeholder="黑龙江顶级黑木耳">
							<a href="" class=""></a>
						</div>
						<div class="shopping-cart">
							<a href="">
								<span class="badge">12</span>
							</a>
						</div>
					</div>
				</div>
			</div>
			<nav class="nav">
				<div class="layout">
					<ul class="">
						<li>
							<a href="" class="active">首页</a>
						</li>
						<li>
							<a href="">进口食品</a>
						</li>
						<li>
							<a href="">小家电</a>
						</li>
						<li>
							<a href="">养生精品</a>
						</li>
						<li>
							<a href="">精品农业</a>
						</li>
						<li>
							<a href="">茶叶</a>
						</li>
						<li>
							<a href="">户外运动</a>
						</li>
						<li>
							<a href="">厨房电器</a>
						</li>
						<li>
							<a href="">锅具</a>
						</li>
						<li>
							<a href="">生活电器</a>
						</li>
					</ul>
				</div>
			</nav>
		</header>
		<!--内容-->
		<div class="content">
			<!--左边导航-->
			<div class="left_nav" style="margin-bottom: 60px;">
				<ul>
					<li>
						<h4><a href="">个人中心</a></h4></li>
					<li>
						<a href="">信息中心</a>
					</li>
					<li>
						<a href="" class="change">个人信息</a>
					</li>
					<li>
						<a href="">账号安全</a>
					</li>
					<li>
						<a href="">地址管理</a>
					</li>
				</ul>
				<ul>
					<li>
						<h4><a href="">订单管理</a></h4></li>
					<li>
						<a href="">订单管理</a>
					</li>
					<li>
						<a href="">优惠券<span style="color: #e11a1f;">(4)</span></a>
					</li>
					<li>
						<a href="">交易记录</a>
					</li>
					<li>
						<a href="">我的收藏</a>
					</li>
				</ul>
				<ul>
					<li>
						<h4><a href="">我是商户</a></h4></li>
					<li>
						<a href="">商品管理</a>
					</li>
					<li>
						<a href="">生意订单</a>
					</li>
					<li>
						<a href="">运费管理</a>
					</li>
					<li>
						<a href="">售后管理</a>
					</li>
					<li>
						<a href="">活动管理</a>
					</li>
					<li>
						<a href="">优惠券管理</a>
					</li>
					<li>
						<a href="">店铺管理</a>
					</li>
				</ul>
			</div>
			<div class="content_right">
				<div class="user">
					<div class="user_photo">
						<img src="../static/images/user.png" alt="" />
					</div>
					<div class="login_time">
						<p>XXX,下午好</p>
						<p>上次登录时间：2017-12-18 13:27:43</p>
					</div>
				</div>
				<div class="see">
					<a href="" style="margin-left: 40px;">最近订单</a>
					<a href="" style="float: right;margin-right: 40px">查看全部</a>
				</div>
				<div class="order_details">
					<div class="see sees">
						<span style="margin-left: 40px;">下单时间：2017-12-18 13:41:33</span>
						<span style="float: right;margin-right: 418px">订单编号：aAAAASDA58998</span>
					</div>
					<div class="commodity_details">
						<ul>
							<li><img src="../static/images/hu.png" /></li>
							<li>
								<h4>苏泊尔  一款容量为1.7L的电水壶</h4>
								<p>1.7L</p>
							</li>
							<li>
								<h4>¥2699.00<h4></li>
						<li>
							<h4>查看详情</h4>
								<h4>购买成功</h4>
								<h4>查看物流</h4>
							</li>
							<li>
								<h4 class="day_h">剩余时间：9天20小时</h4>
								<button>确认收货</button>
							</li>
						</ul>
					</div>
				</div>

				<div class="order_details">
					<div class="see sees">
						<span style="margin-left: 40px;">下单时间：2017-12-18 13:41:33</span>
						<span style="float: right;margin-right: 418px">订单编号：aAAAASDA58998</span>
					</div>
					<div class="commodity_details">
						<ul>
							<li><img src="../static/images/hu.png" /></li>
							<li>
								<h4>苏泊尔  一款容量为1.7L的电水壶</h4>
								<p>1.7L</p>
							</li>
							<li>
								<h4>¥2699.00<h4></li>
						<li>
							<h4>查看详情</h4>
								<h4>购买成功</h4>
								<h4>查看物流</h4>
							</li>
							<li>
								<h4>剩余时间：9天20小时</h4>
								<button>确认收货</button>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 猜你喜欢部分 -->
			<div class="guess">
				<p class="guess_title">
					<span>猜你喜欢</span>
				</p>
				<ul class="product_list clearfix">
					<li class="product_item">
						<a href="">
							<img src="../temp/guess01.png" alt="">
							<p class="active_label">
								<span>活动促销</span>
							</p>
							<p class="describe">苏泊尔 一款容量为1.7L的电水壶的电水壶的电水壶的电水壶</p>
							<p class="price">
								<span>￥</span>
								<span>999.00</span>
							</p>
						</a>
					</li>
					<li class="product_item">
						<a href="">
							<img src="../temp/guess02.png" alt="">
							<p class="active_label"></p>
							<p class="describe">FREE ROCKSTUD 小号肩背包</p>
							<p class="price">
								<span>￥</span>
								<span>666.00</span>
							</p>
						</a>
					</li>
					<li class="product_item">
						<a href="">
							<img src="../temp/guess03.png" alt="">
							<p class="active_label"></p>
							<p class="describe">踏步机家用静音减肥脚踏机</p>
							<p class="price">
								<span>￥</span>
								<span>888.00</span>
							</p>
						</a>
					</li>
					<li class="product_item">
						<a href="">
							<img src="../temp/guess04.png" alt="">
							<p class="active_label"></p>
							<p class="describe">爱仕达 中国红新不粘三件套装锅</p>
							<p class="price">
								<span>￥</span>
								<span>178.00</span>
							</p>
						</a>
					</li>
				</ul>
			</div>
			<!-- 猜你喜欢结束 -->
		</div>
		<!--尾部-->
		<footer class="footer">

		</footer>
	</body>

</html>
<script src="../static/js/jquery.min.js"></script>
<script>
//	$(function() {
//		function leftTime() {
//			var endTime = new Date("2018/1/9,00:00:00"); //结束时间
//			var curTime = new Date(); //当前时间
//			var leftTime = parseInt((endTime.getTime() - curTime.getTime()) / 1000); //获得时间差
//		
//			var d = parseInt(leftTime / (60 * 60 * 24));
//			var h = parseInt(leftTime / (60 * 60) % 24);
////			var m = parseInt(leftTime / 60 % 60);
////			var s = parseInt(leftTime % 60);	
//			var txt = "剩余时间：" + d + "天" + h + "小时"
//			$(".day_h").text(txt);
//			if(leftTime <= 0) {
//				$(".day_h").text("剩余时间：0天0小时");
//			}
//		};
//		leftTime();
//		var set = setInterval(leftTime, 100);
//	});
</script>